<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的</title>
    <script src="js/rem.js"></script>
    <link rel="stylesheet" href="./css/weui.css">
    <link rel="stylesheet" href="./css/jquery-weui.css">
    <link rel="stylesheet" href="./css/css-comment.css">
    <link rel="stylesheet" href="./css/my.css">
</head>
<body>
<div id="my">
    <header class="my-header">
        <section class="section-user">
            <div class="userImg">
                <img :src="header.userImg" alt="">
            </div>
            <div class="section-userInfo">
                <p>{{header.userName}}</p>
                <p>{{header.userCall}}</p>
            </div>
        </section>
        <div class="member-img" @click="member">
            <img class="member" :src="header.member" alt="">
            <img class="bg-mask" src="./images/bg-mask.png" alt="">
        </div>
    </header>

    <div class="my-box">
        <h4 style="font-size: 0.17rem;">常用功能</h4>
        <ul class="my-ul">
            <a class="my-li my-coupon" href="coupon.html">
                <li>我的优惠券</li>
            </a>
            <a class="my-li my-order" href="coupon.html">
                <li>我的订单</li>
            </a>
            <a class="my-li my-circle" href="lifeCircle.html">
                <li>我的生活圈</li>
            </a>
        </ul>
    </div>
    <zh-tabbar is-tab="4"></zh-tabbar>
</div>
</body>
<script src="js/vue2.5.16.js"></script>
<script src="js/tabbar.js"></script>
<script>
    new Vue({
        el: "#my",
        data: {
            header: {
                userImg: './images/recommendImg.png',
                userName: '齐天大圣',
                userCall: "17655559999",
                member: "./images/member.png"
            }
        },
        methods: {
            member: function () {
                window.location.href = 'my_vipcard.html'
            }
        }
    })
</script>
</html>